<template>
  <div class="tab-container">
    <table>
      <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>当前分数</th>
        <th>分数波动</th>
      </tr>
      <tr>
        <td>01</td>
        <td>01</td>
        <td>01</td>
        <td>01</td>
      </tr>
      <tr>
        <td>01</td>
        <td>01</td>
        <td>01</td>
        <td>01</td>
      </tr>
      <tr>
        <td>01</td>
        <td>01</td>
        <td>01</td>
        <td>01</td>
      </tr>
      <tr>
        <td>01</td>
        <td>01</td>
        <td>01</td>
        <td>01</td>
      </tr>
    </table>
  </div>
</template>
<script></script>
<style lang="less" scoped>
.tab-container {
  width: 3.8rem;
  height: 2.2rem;
  margin-top: 0.7rem;

  // margin-left: 0.01rem;
  display: flex;
  padding: 0.05rem 0;

  table {
    th {
      color: #dff9ff;
      font-size: 14px;
      padding-top: 0.1rem;
      padding-left: 0.5rem;
    }
    td {
      padding-left: 0.52rem;
      color: #fff;
      text-align: center; /* 或 left/right */
      vertical-align: middle; /* 垂直居中 */
    }
    tr {
    }
  }
}
</style>
